<template>
    <div>
        <h2>房型显示</h2>
        <table>
            <tr>
                <td>
                 房型名称<input type="text"  > 
                <a href="showxlng">查询</a>
                </td>
            </tr>
        </table>
        <table class="table table-bordered">
            <tbody>
                <tr class="bg bg-primary">
                    <td>房间名称</td>
                    <td>门市价</td>
                    <td>押金</td>
                    <td>人数</td>
                    <td>图片</td>
                    <td>介绍</td>
                 
                </tr>
                <tr >
                    <td>大床房</td>
                    <td>200</td>
                    <td>50</td>
                    <td>2</td>
                    <td><img src="/src/img/【哲风壁纸】00001.png" width="100px"></td>
                    <td>无</td>
                 
                 
                </tr>
                <tr >
                    <td>标准间</td>
                    <td>100</td>
                    <td>50</td>
                    <td>1</td>
                    <td><img src="/src/img/【动漫女孩】2024-07-26 18_58_15.png" width="100px"></td>
                    <td>无</td>
                 
                </tr>
                <!-- <tr v-for="item in showxing">
                    <td>{{item.fname}}</td>
                    <td>{{item.price}}</td>
                    <td>{{item.yajin}}</td>
                    <td>{{item.renshu}}</td>
                    <td><img :src="item.tupian" style="display: '';max-width: 100px;"></td>
                    <td>{{item.jieshao}}</td>
                   
                </tr> -->
            </tbody>
        </table>
        <table>
            <tr>
                <td>
                    <a href="/showxing">上一页</a>
                    <a  href="shewxing">下一页</a>
                    <a  href="showxing">首页</a>
                    <a  href="snowxing">尾页</a>
                    共3页，当前1/3页，共5条
                </td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import axios from "axios";
import { onMounted, reactive, ref, toRefs } from "vue";
import { useRouter } from "vue-router";
const router=useRouter();
// const form:any=ref([])
// const showxing:any=reactive({
//     start:{
//         fname:'',
//         index:1,
//         size:2
//     },
//     list:[],
//     count:0,
//     sum:0,
// })
// const {start,list,count,sum}=toRefs(form);
// const getshow=()=>{
//     let obj={
//         fname:start.value.fname,
//         index:start.value.index,
//         size:start.value.size,
//     }
//     axios.get("https://localhost:7074/api/fangxing/Showfang?fname="+obj.fname+"&index="+obj.index+"&size="+obj.size).then(res=>{
//         showxing.value=res.data.data; 
//         count.value=res.data.count;
//     })
   
// }

// const show=(e:any)=>{
//     switch(e){
//         case 'a':
//             if(start.value.index==1){
//                 alert("已经是第一页了");
//                 return;
//             }
//             start.value.index-=1
//             break;
//         case 'b':
//         if(start.value.index==sum.value){
//                 alert("已经是第一页了");
//                 return;
//             }
//             start.value.index+=1
//             break;
//         case 'c':
//         if(start.value.index==1){
//                 alert("已经是第一页了");
//                 return;
//             }
//             start.value.index=1
//             break;
//         case 'd':
//             start.value.index=sum.value
//             break;
//     }
//     getshow();
// }


// onMounted(()=>{
//     getshow();
// })

</script>

<style scoped>

</style>